<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="path" value="${pageContext.request.contextPath }" />
<%@ taglib tagdir="/WEB-INF/tags" prefix="matrix"%>
<%@ taglib uri="http://matrixcsm.zkingsoft.com" prefix="cms"%>
<cms:ads   code="'img_$Lyvb0',
'ZY_XinXiZhongXin_1',
'ZY_GongKaiXingWenJian_2',
'ZY_NeiBuJiLu_3',
'ZY_FaGuiXingWenJian_4',
'ZY_BiaoZhunWenJian_5',
'ZY_ShenQingWenJian_6',
'img_s2Ojx7',
'ZY_DangQianWeiZhi_8',
'ZY_ShouYe_9',
'ZY_10_10',
'ZY_GongKaiXingWenJian_11',
'ZY_12_12',
'ZY_13_13',
'ZY_XiErFan_14',
'img_Re$ao15',
'ZY_16_16',
'ZY_17_17',
'ZY_XiErFan_18',
'img_X87sd19',
'ZY_20_20',
'ZY_21_21',
'ZY_XiErFan_22',
'img_bXCTs23',
'ZY_24_24',
'ZY_25_25',
'ZY_XiErFan_26',
'img_Io5YZ27',
'ZY_28_28',
'ZY_29_29',
'ZY_XiErFan_30',
'img_l2mjt31',
'ZY_32_32',
'ZY_33_33',
'ZY_XiErFan_34',
'img_CPaHT35',
'ZY_36_36',
'ZY_37_37',
'ZY_XiErFan_38',
'img_dIe9D39',
'ZY_40_40',
'ZY_41_41',
'ZY_XiErFan_42',
'img_XQNut43',
'ZY_44_44',
'ZY_45_45',
'ZY_XiErFan_46',
'img_Lu_Qa47'"></cms:ads>
<!doctype html>
<!-- 信息中心 -->
<html>
 <head> 
  <meta charset="UTF-8"> 
  <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
  <meta name="viewport" content="width=device-width, initial-scale=1,"> 
  <link rel="icon" sizes="any" href="${浏览器logo}">
  <title>希尔梵${网页标题}</title> 
  <link rel="stylesheet" href="https://hwfile.csxuncong.com/xrfrz/new/pc/css/swiper-bundle.min.css"> 
  <link rel="stylesheet" href="https://hwfile.csxuncong.com/xrfrz/new/pc/css/animate.css"> 
  <link rel="stylesheet" href="https://hwfile.csxuncong.com/xrfrz/new/pc/css/common.css"> 
  <style>.box{ background: #F4F4F4; } .file-warp{ margin: 0 -10px; } .file-warp .item{ margin: 10px; width: 100%); background: #FFFFFF; padding: 33px 42px; color: #7E7E7E; box-sizing: border-box; } .file-warp .item:hover{ color: #060F13; box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.16); } .file-warp .file-title{ margin: 0 33px; font-size: 16px; } .file-warp .file-time p{ font-size: 24px; margin-bottom: 5px; } .file-warp .file-time span{ font-size: 14px; }</style> 
  <meta name="keywords" content="${网页关键词}">
  <meta name="description" content="${网页描述 }">
  <style>
   .box{
    background: #F4F4F4;
   }
   .file-warp{
    margin: 0 -10px;
   }
   .file-warp .item{
    margin: 10px;
    width: 100%;
    background: #FFFFFF;
    padding: 33px 42px;
    color: #7E7E7E;
    box-sizing: border-box;
   }
   .file-warp .item:hover{
    color: #060F13;
    box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.16);
   }
   .file-warp .item input{
    margin-top: 15px;
    border: 1px solid #ddd;
    padding: 8px 10px;
    vertical-align: middle;
   }
   .file-warp .item .button{
    margin-top: 15px;
    margin-left: 10px;
    border: 0;
    background: #0EA8EE;
    color: #fff;
    padding: 8px 15px;
    vertical-align: middle;
   }
   .file-warp .file-title{
    margin: 0 33px;
    font-size: 16px;
   }
   .file-warp .file-time p{
    font-size: 24px;
    margin-bottom: 5px;
   }
   .file-warp .file-time span{
    font-size: 14px;
   }
   .pagination{
    background: #F4F4F4;
    text-align: center;
    padding:  0 0 60px;
    font-size: 0;
   }
   .pagination .item{
    display: inline-block;
    border: 1px solid #E5E5E5;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #333;
    font-size: 14px;
    cursor: pointer;
   }
   .pagination .item.active{
    background: #0EA8EE;
    color: #ffffff;
    border: 1px solid #0EA8EE;
   }
  </style>
 </head> 
 <body> 
  <jsp:include page="_top.jsp"></jsp:include> 
  <div class="image-warp"> 
   <img src="${img_$Lyvb0.adImg}" class="img zy" data-type="ad" data-id="${img_$Lyvb0.adId}"> 
   <div class="page-name text-center"> 
    <h2 class="zy" data-type="ad" data-id="${ZY_XinXiZhongXin_1.adId}">${ZY_XinXiZhongXin_1.adTitle}</h2> 
   </div> 
  </div> 
  <div class="nav-container flex align-center">
   <cms:artType var="xxzx" code="xxzx"></cms:artType>
   <div class="container flex align-center space-between"> 
    <div id="navHeader" class="nav flex align-center">
     <c:forEach items="${xxzx }" var="artType" varStatus="status" >
     <div class="nav-item zy">
      ${artType.artTypeName}
     </div>
     </c:forEach>
    </div>
    <div class="current-location flex align-center"> 
     <img src="${img_s2Ojx7.adImg}" class="zy" data-type="ad" data-id="${img_s2Ojx7.adId}"> 
     <p> <span class="zy" data-type="ad" data-id="${ZY_DangQianWeiZhi_8.adId}">${ZY_DangQianWeiZhi_8.adTitle}</span> <a href="${ZY_ShouYe_9.adUrl}" class="zy" data-type="ad" data-id="${ZY_ShouYe_9.adId}">${ZY_ShouYe_9.adTitle}</a> <span class="zy" data-type="ad" data-id="${ZY_10_10.adId}">${ZY_10_10.adTitle}</span> <span class="color-white zy" data-type="ad" data-id="${ZY_GongKaiXingWenJian_11.adId}">${ZY_GongKaiXingWenJian_11.adTitle}</span> </p> 
    </div> 
   </div> 
  </div> 
  <div id="navContent">
   <c:forEach items="${xxzx }" var="artType" varStatus="status" >
   <div class="box hide"> 
    <div class="container"> 
     <div class="file-warp flex flex-v">
      <cms:arts var="artList" code="${artType.code }" pageNow="${param.pageNow == null ? 0 : param.pageNow}" pageSize="10"></cms:arts>
      <c:forEach items="${artList }" var="art" varStatus="status1" >
       <c:if test="${art.t1 ne null && art.t1 ne ''}">
        <div class="item">
         <a href="javascript:void(0);" class="flex align-center">
          <div class="file-time">
           <p class="zy"><fmt:formatDate pattern="dd" value="${art.artCreatetiem}" ></fmt:formatDate></p>
           <span class="zy"><fmt:formatDate pattern="yyyy-MM" value="${art.artCreatetiem}" ></fmt:formatDate></span>
          </div>
          <div class="file-title flex-1 ellipsis zy">
           ${art.artTitle}
          </div>
          <div class="img-warp">
           <img src="${img_Re$ao15.adImg}" class="zy" data-type="ad" data-id="${img_Re$ao15.adId}">
          </div>
         </a>
          <div>
           <input type="text" class="input-pwd" placeholder="请输入阅读密码">
           <input type="hidden" class="hid" value="${art.t1}"/>
           <input type="hidden" class="atrid" value="${art.artId}"/>
           <input type="hidden" class="path" value="${path}"/>
           <button class="button" onclick="submitPwd(this)">确认</button>
          </div>
        </div>
        </c:if>
       <c:if test="${art.t1 == null || art.t1 == ''}">
        <div class="item">
         <a href="${path}/do/redirect/pc/infoDetail?id=${art.artId}" class="flex align-center">
           <div class="file-time">
            <p class="zy"><fmt:formatDate pattern="dd" value="${art.artCreatetiem}" ></fmt:formatDate></p>
            <span class="zy"><fmt:formatDate pattern="yyyy-MM" value="${art.artCreatetiem}" ></fmt:formatDate></span>
           </div>
           <div class="file-title flex-1 ellipsis zy">
             ${art.artTitle}
           </div>
           <div class="img-warp">
            <img src="${img_Re$ao15.adImg}" class="zy" data-type="ad" data-id="${img_Re$ao15.adId}">
           </div>
         </a>
        </div>
       </c:if>
      </c:forEach>
     </div>
    </div>

    <div class="pagination">

     <c:forEach end="${recodeCount }" begin="1" var="index"
                varStatus="count">
      <a href="${path}/do/redirect/pc/infoCenter?type=${status.index}&pageNow=${index - 1}" class="${param.pageNow == index - 1 ? 'item active' : 'item'}">${index}</a>
     </c:forEach>
    </div>
   </div>
   </c:forEach>
  </div> 
  <jsp:include page="_footer.jsp"></jsp:include>  
  <script src="https://hwfile.csxuncong.com/xrfrz/new/pc/js/swiper-bundle.min.js"></script> 
  <script src="https://hwfile.csxuncong.com/xrfrz/new/pc/js/wow.min.js"></script> 
  <script src="https://hwfile.csxuncong.com/xrfrz/new/pc/js/jquery.min.js"></script> 
  <script src="https://hwfile.csxuncong.com/xrfrz/new/pc/js/common.js"></script>
 <script>
   function submitPwd(dom) {
     var pwd = $(dom).siblings(".hid").val();
     var inp = $(dom).siblings(".input-pwd").val();
    var atrid = $(dom).siblings(".atrid").val();
    var path = $(dom).siblings(".path").val();
     if(pwd==inp){
       localStorage.setItem(atrid,pwd);
       window.location.href = path  + "/do/redirect/pc/infoDetail?id=" + atrid;
     }else{
       alert("密码不正确");
     }
   }
 </script>
 </body>
</html>